<div class="wp-20" ui-view="container">
    <div ng-if="!noPermission" >
        <div class="head_title">
            <a ui-sref="main.cpPlayOverview({pageNo:1})" style="color: inherit">CP概况</a>  / <span class="tit-color">CP播放明细</span>
        </div>

        <div class="searchWapper white-background">

            <div class="form-group searchLump" style="height: 65px;padding-top: 13px">
                <div class="searchTitle" style="margin: 2px 0 0 0px">筛选：</div>

                <div class="search-select">
                    <input ims-select-range-time="rangeDate" style="margin-left: 20px;"  placeholder="'统计时间段'">

                    <a class="down_icon pull-right" download ng-href="{{downHref}}">
                        <i class="iconfont icon-xiazai" aria-hidden="true"></i>
                    </a>

                </div>

            </div>
        </div>

        <div style="margin: 10px 0px;padding:20px;background-color: white">
            <div chart="programsNewAddedOpt" style="height: 500px;"></div>
        </div>


        <div class="white-background" style="margin:15px  0">
            <table class="table table-bordered table-hover table-page">

                <thead>
                <tr  class="th-color">
                    <th>日期</th>
                    <th>播放总量</th>
                    <th>在线播放量</th>
                    <th>离线播放量</th>
                    <th>下载量</th>
                </tr>
                </thead>
                <tbody>
                <tr>
                    <td>总计</td>
                    <td>{{total.playNum}}</td>
                    <td>{{total.onlinePlayNum}}</td>
                    <td>{{total.offlinePlayNum}}</td>
                    <td>{{total.downloadNum}}</td>
                </tr>
                <tr ng-repeat="item in list">

                    <td>
                        {{item.countTime}}
                    </td>
                    <td>
                        {{item.playNum}}
                    </td>
                    <td>
                        {{item.onlinePlayNum}}
                    </td>
                    <td>
                        {{item.offlinePlayNum}}
                    </td>
                    <td>
                        {{item.downloadNum}}
                    </td>
                </tr>
                </tbody>
            </table>
        </div>

        <div class="panel-footer paging">
            <s-pagination conf="paginationConf"></s-pagination>
        </div>
    </div>


    <div ng-if="noPermission" ng-include="'templates/no-permission.html'">

    </div>
</div>
